import { Redirect, Route } from 'react-router-dom';

import { isAuth } from '@/utils';

// 定义一组件，通过属性接受一个组件，返回一个组件
export const AuthRoute = (props) => {
  console.log('我是通用的认证组件，我是不是要干点啥', props);
  // 执行认证组件的判断逻辑
  if (isAuth()) {
    // return props.component();
    return <Route component={props.component} />;
  } else {
    // Redirect 的to属性简单写法
    // return <Redirect to={'/login'} />;
    // Redirect 的to属性对象配置写法
    return (
      <Redirect
        to={{ pathname: '/login', state: { from: props.location.pathname } }}
      />
    );
  }
};
